<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试</title>
		<link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/lib/jquery-ui-1.12.1/jquery-ui.min.css" />
		<script src="../../assets/lib/base/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../assets/lib/bootstrap3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../assets/lib/jquery-ui-1.12.1/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="container-fluid">
			<div id="test" class="panel panel-success" style="position: fixed; bottom: 100px;right: 30px;">
				<div class="panel-heading">
					<h3 class="panel-title">
						<span >目录</span><a href="#"><i class="glyphicon glyphicon-remove pull-right text-small" ></i></a>
					</h3>
					
				</div>
				<div class="panel-body" id="toc">
				</div>
			</div>
			<div style="height: 1200px; background-color: #FFBBBB;">11</div>
		</div>
		<script>
			$(function(){
				var $test = $( "#test" );
				$test.css("height",$test.outerHeight());
				$test.css("width", $test.outerWidth());
				$test.draggable();
			});
		</script>
	</body>
</html>
